<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                template="../../resources/plantilla/ventanaInicioEmpresaPlantilla.xhtml"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:p="http://primefaces.org/ui"
                xmlns:f="http://java.sun.com/jsf/core">

    <ui:define  name="formulario">
        <!-- ̣̣̣̣**************************************************************************
             PANEL PRINCIPAL                                                     -->                                                   
        <div class="panelTitulo">
            BUSQUEDA BASICA
        </div> 

        <div style="float: left; border-radius: 1px; width: 30%;">
            <p:panel header="Parametros de Busqueda" style="border: none;">
                <div style="margin: 10px auto 10px auto; color: #3333ff;"> Busqueda Basica:</div>
                <h:form id="BusquedaUsuarioCreateForm">
                    <h:panelGroup id="display">
                        <h:panelGrid 
                            columns="2" 
                            border="0"
                            columnClasses="column1ClassAzquierda">
                            <p:outputLabel value="#{bundleEtiquetasES.Pais}:" for="pais" />
                            <p:selectOneMenu id="pais"  style="width: 210px;"
                                             value="#{usuarioController.pais}">
                                <f:selectItem itemLabel="Cualquiera"/>
                                <f:selectItems value="#{usuarioController.itemPaises}"
                                               var="PaisItem"
                                               itemValue="#{PaisItem}"
                                               itemLabel="#{PaisItem.nombre}"
                                               />
                                <f:converter binding="#{paisConverter}"/>
                                <p:ajax event="change" 
                                        listener="#{usuarioController.cambiaPaisBusqueda()}" 
                                        update=":BusquedaUsuarioCreateForm:provincia,:BusquedaUsuarioCreateForm:ciudad,:BusquedaUsuarioListForm"/>
                            </p:selectOneMenu>

                            <p:outputLabel value="#{bundleEtiquetasES.Provincia}:" for="provincia" />
                            <p:selectOneMenu id="provincia" style="width: 210px;"
                                             value="#{usuarioController.provincia}">
                                <f:selectItem itemLabel="Cualquiera"/>
                                <f:selectItems value="#{usuarioController.itemProvincias}"
                                               var="ProvinciaItem"
                                               itemValue="#{ProvinciaItem}"
                                               itemLabel="#{ProvinciaItem.nombre}"
                                               />
                                <f:converter binding="#{regionConverter}"/>
                                <p:ajax event="change" 
                                        listener="#{usuarioController.cambiaProvinciaBusqueda()}" 
                                        update=":BusquedaUsuarioCreateForm:ciudad,:BusquedaUsuarioListForm"/>
                            </p:selectOneMenu>
                            <p:outputLabel value="#{bundleEtiquetasES.Ciudad}/CANTON:" for="ciudad" />
                            <p:selectOneMenu id="ciudad" style="width: 210px;"
                                             value="#{usuarioController.ciudad}">
                                <f:selectItem itemLabel="Cualquiera"/>
                                <f:selectItems value="#{usuarioController.itemCiudades}"
                                               var="CiudadItem"
                                               itemValue="#{CiudadItem}"
                                               itemLabel="#{CiudadItem.nombre}"
                                               />
                                <f:converter binding="#{ciudadConverter}"/>
                            </p:selectOneMenu>
                            <p:outputLabel value="BARRIO:" for="barrio" />
                            <p:inputText id="barrio" required="false" style="width: 210px;"
                                         onkeyup="value = value.toUpperCase()" 
                                         value="#{usuarioController.direccion}"/>
                        </h:panelGrid>
                    </h:panelGroup>
                    <div  style=" width:55%; margin: auto; margin-top: 10px;">
                        <p:commandButton actionListener="#{usuarioController.buscarUsuarioBasico}"
                                         value="BUSCAR EMPLEADOS" icon="ui-icon-search"
                                         ajax="false"
                                         update=":BusquedaUsuarioListForm"/>
                    </div>
                    <p/>
                    <p:commandLink value="Busqueda Avanzada" action="#{controlUrlControler.openbusquedaAvanzada()}" style="color: #3333ff; margin: 15px auto 15px auto;"/>
                </h:form>

            </p:panel>
        </div>
        
        <div style="float: left; border-radius: 1px; width: 70%;">
            <p:panel header="Resultado" style="border: none;">
                <h:form id="BusquedaUsuarioListForm">
                    <p:scrollPanel style="border: none; width:102%;height:500px">  
                        <p:dataList id="datalist" 
                                    value="#{usuarioController.itemsUsuariosSeleccionados}" 
                                    var="item"
                                    itemType="none"
                                    style="border: none;"
                                    paginator="true"
                                    styleClass="paginated"
                                    type="unordered"
                                    emptyMessage="no hay Datos"
                                    rows="8"
                                    >
                            <p:column style="left: 0px;">
                                <f:facet name="header">
                                    RESULTADOS
                                </f:facet>
                                <p:panel style="border-color:#3399ff; margin-bottom: 5px;">
                                    <p:outputLabel value="#{item.nombres} #{item.apellidos}" style=" margin-left: 20px; font-size: 1.1em; font-weight: bold; color: #3333ff;"/>
                                    <h:panelGrid columns="3" 
                                                 style="width: 100%;"
                                                 columnClasses="left,centered,rig"
                                                 border="0">
                                        <p:panel footer="Foto de Perfil" style="border: none;">
                                            <p:graphicImage value="#{item.url}" width="80" height="80"/>
                                        </p:panel>
                                        <h:panelGrid columns="2" 
                                                     columnClasses="nombre,res"
                                                     border="0">
                                            <p:outputLabel value="Ciudad/Canton:"/>
                                            <p:outputLabel value="#{item.idCiudad.nombre}"/>
                                            <p:outputLabel value="Direccion:"/>
                                            <p:outputLabel value="#{item.direccion}"/>
                                            <p:outputLabel value="Telefono:"/>
                                            <p:outputLabel value="#{item.telefonoFijo}"/>
                                            <p:outputLabel value="Disponibilidad:"/>
                                            <p:outputLabel value="#{usuarioController.obtenerDisponibilidad(item.disponibilidad)}"/>
                                            <p:outputLabel value="Habilidad/Area Trabajo:"/>
                                            <p:outputLabel value="#{usuarioController.ObtenerHabilidades(item.userHabilidadesEspectativasList)}"/>
                                            <p:outputLabel value="Profession/Expectativas:"/>
                                            <p:outputLabel value="#{usuarioController.ObtenerExpectativas(item.userHabilidadesEspectativasList)}"/>
                                        </h:panelGrid>
                                        <p:panel style="border-width:  0px 0px 0px 2px; border-radius: 0px; height: 100%; width: 100%; border-color: red;">
                                            <h:panelGrid columns="1" cellpadding="6" border="0">
                                                <h:commandButton styleClass="button" value="Ver Perfil" actionListener="#{controlUrlControler.openResultadoBusqueda()}">
                                                    <f:setPropertyActionListener target="#{usuarioBusquedaController.selecionado}" value="#{item}"/>
                                                </h:commandButton>
                                                <p:separator/>
                                                <h:commandButton styleClass="button" value="Contratar"/>
                                            </h:panelGrid>
                                        </p:panel>
                                    </h:panelGrid>
                                </p:panel>
                            </p:column>
                        </p:dataList>
                    </p:scrollPanel>
                </h:form>
            </p:panel>
        </div>
    </ui:define>
</ui:composition>

